<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="index.css">
</head>
<body>
    <!-- header -->
    <div class="header center">
    	<div class="logo fl">
    		<img src="./images/logo.png"/>
    		
    	</div>
    	<ul class="nav fr">
    		<li><a href="">HOME</a></li>
    		<li><a href="">ABOUT</a></li>
    		<li><a href="">PROTFOLIO</a></li>
    		<li><a href="">SERVICE</a></li>
    		<li><a href="">NEWS</a></li>
    		<li><a href="">CONTACT</a></li>
    	</ul>
    </div>

    <!-- banner -->
    <div class="banner">
    	<ul>
    		<li><img src="./images/banner.png"/></li>
    	</ul>
    	<ol class="banner-list">
            <li></li>
            <li class="active"></li>
            <li></li>
            <li></li>
        </ol>
    </div>

    <!-- 服务范围 -->
    <div class="section1">
        <div class="section-header">
            <div class="section-header-box">
                <div class="section-header-left"></div>
                <div>服务范围</div>
                <div class="section-header-right"></div>
            </div>
            <p class="section-header-title">our services</p>
        </div>
        <div class="section1-content clearfix center">
            <div class="list">
                <img src="./images/section1-img1.png" alt="">
                <p class="text1">1.WEB DESIGN</p>
                <p class="text2">企业品牌网站设计/手机网站制作
                    动画网站创意设计</p>
            </div>
            <div class="list">
                <img src="./images/section1-img2.png" alt="">
                <p class="text1">1.WEB DESIGN</p>
                <p class="text2">标志logo设计/产品宣传册设计
                    企业广告/海报设计
                </p>
            </div>
            <div class="list">
                <img src="./images/section1-img3.png" alt="">
                <p class="text1">1.WEB DESIGN</p>
                <p class="text2">淘宝/天猫装修设计及运营推广
                    企业微博、微信营销
                </p>
            </div>
            <div class="list">
                <img src="./images/section1-img4.png" alt="">
                <p class="text1">1.WEB DESIGN</p>
                <p class="text2">腾讯/网易企业邮箱品牌代理
                    个性化邮箱定制开发
                </p>
            </div>
        </div>
    </div>
    <!-- 客户案例 -->
    <div class="section2">

        <div class="section-header">
            <div class="section-header-box">
                <div class="section-header-left">
                </div>
                <div>&nbsp;{&nbsp;客户案例&nbsp;}&nbsp;</div>
                <div class="section-header-right"></div>
            </div>
            <p class="section-header-title">
                With the best professinal technology,to design the best innovative web site
            </p>
        </div>
        <div class="section2-content center clearfix">
            <div class="list">
                <img src="./images/section2.png" alt="">
            </div>
            <div class="list">
                <img src="./images/section2.png" alt="">
            </div>
            <div class="list">
                <img src="./images/section2.png" alt="">
            </div>
        </div>
        <a href="" class="more">VIEW MORE</a>
    </div>
    <!-- 最新资讯 -->
    <div class="new-Information">
        <div class="section-header-box">
            <div class="section-header-left"></div>
            <p>最新资讯</p>
            <div class="section-header-right"></div>
            <p class="title-bottom">TEHLATEST NEWS</p>
        </div>
        <img src="images/section3.png" alt="">
        <div class="zxzx-right">
            <div class="block-one">
                <div class="jan09"><p><span class="s1">09</span><br/><span class="s2">Jan</span></p></div>
                <div class="wenzi">
                <p class="p1">网站排名进入前三的技巧说明</p>
                <p class="p2">很多客户都会纳闷为什么自己的网站老是优化不到搜索引擎首页<br/>，更不用说进入首页前三了，那么网站优...</p>
            </div>
            </div>
            <div class="block-two">
                <div class="jan09"><p><span class="s1">09</span><br/><span class="s2">Jan</span></p></div>
                <div class="wenzi">
                <p class="p1">网站排名进入前三的技巧说明</p>
                <p class="p2">很多客户都会纳闷为什么自己的网站老是优化不到搜索引擎首页<br/>，更不用说进入首页前三了，那么网站优...</p>
            </div>
            </div>
            <div class="block-three">
                <div class="jan09"><p><span class="s1">09</span><br/><span class="s2">Jan</span></p></div>
                <div class="wenzi">
                <p class="p1">网站排名进入前三的技巧说明</p>
                <p class="p2">很多客户都会纳闷为什么自己的网站老是优化不到搜索引擎首页<br/>，更不用说进入首页前三了，那么网站优...</p>
            </div>
            </div>
            <div class="block-fore">
                <div class="jan09"><p><span class="s1">09</span><br/><span class="s2">Jan</span></p></div>
                <div class="wenzi">
                <p class="p1">网站排名进入前三的技巧说明</p>
                <p class="p2">很多客户都会纳闷为什么自己的网站老是优化不到搜索引擎首页<br/>，更不用说进入首页前三了，那么网站优...</p>
            </div>
            </div>
        </div>
    </div>
    <!-- footer -->
    
<div class="footer">
    <div class="center clearfix">
    <div class="footerwenzi">
        <a href="">Home</a>
        <a href="">About</a>
        <a href="">Portfolio</a>
        <a href="">Contact</a>
    </div>
</div></div>
</body>
</html>